<template>
    <Card>
        <div class="contract-detial-btns top-btn">
            <Button type="primary" @click="back">返回</Button>
            <template v-if="!isReadOnly">
                <template v-if="isApprove">
                    <Button type="primary" @click="approve('pass')">审核通过</Button>
                    <Button type="primary" @click="approve('return')">退件</Button>
                    <Button type="primary" @click="approve('reject')">拒绝</Button>
                </template>
                <template v-else-if="!isApproved">
                    <Button type="primary" @click="save">保存</Button>
                    <Button type="primary" @click="submit">提交</Button>
                </template>
            </template>
        </div>
        <div class="contract-detail-collapse">
        <Collapse v-model="openPanel">
            <Panel name="0" v-if="isApprove || isApproved">
                日志
                <div class="content" slot="content">
                    <approveHistory :Obj="Obj"/>
                </div>
            </Panel>
            <Panel name="1">
                基本信息
                <div class="content" slot="content">
                    <BaseInfo ref="baseInfo" :formData="pageInfo"/>
                </div>
            </Panel>
            <Panel name="2">
                合同信息
                <div class="content" slot="content">
                    <contractInfo :Obj="Obj" :readOnly="readOnly"/>
                </div>
            </Panel>
            <Panel name="3">
                客户信息
                <div class="content" slot="content">
                    <CustomerInfo :Obj="Obj" :isNeedData="true" :dataDict="dataDict"
                                  @getChildrenData="getCustomerInfoData" dispalyType="table"/>
                </div>
            </Panel>
            <Panel name="5">
                业务办理 <span v-if="isApprove" style="margin-left: 16px;">（<a
                @click="toRepaymentSchedule">还款计划表</a>）</span>
                <div class="content" slot="content">
                    <Business
                        ref="business"
                        :Obj="Obj"
                        :pageParams="pageInfo"
                        :dataDict="dataDict"
                        :isSP="isSP"
                        :isApprove="isApprove"
                        :isApproved="isApproved"
                        :isReadOnly="isReadOnly"
                        :customerInfo="customerInfo"
                        @saveDataFn="saveDataFn"
                        @submitDataFn="submitDataFn"
                        @childBusinessForm="childBusinessForm"
                        @closeSpin="closeSpin"
                        @baseInfo="setBaseInfo"
                    />
                </div>
            </Panel>
            <Panel name="6" v-if="(isApprove && !isReadOnly) || this.pageParams.processStatus==='approved'">
                当前用户: {{userInfo ? userInfo.userRealName :''}}
                <div class="content" slot="content">
                    <ContractCurrentUser ref="contractCurrentUser" :Obj="Obj"
                                         @childUserForm="childUserForm" @closeSpin="closeSpin"
                                         :approveType="approveType"/>
                </div>
            </Panel>
        </Collapse>
        </div>
    </Card>
</template>
<script>
    import moment from "moment";
    import {
        changeContractCustInfo,
        saveProposalApplicationInfo,
        submitContactManage
    } from "_p/basic/api/contract/post-loan-info-change/change-identity";
    // 基本信息
    import BaseInfo from "_p/basic/pages/contract/common/base-info";
    // 日志
    import approveHistory from "_p/basic/pages/contract/common/approve-history/approve-history";
    // 合同信息
    import contractInfo from "_p/basic/pages/contract/common/contract-info/contract-info";
    // 金融产品
    import FinanceInfo from "_p/basic/pages/contract/common/finance-info/finance-info";
    // 用户信息
    import CustomerInfo from "_p/basic/pages/contract/common/customer-info";

    import Business from "_p/basic/pages/contract/post-loan-info-change/change-identity-detial/Business";
    // 当前用户
    import ContractCurrentUser from "_p/basic/pages/contract/common/current-user/contractCurrentUser";

    export default {
        components: {
            approveHistory,
            contractInfo,
            Business,
            BaseInfo,
            CustomerInfo,
            FinanceInfo,
            ContractCurrentUser
        },
        props: {
            Obj: {
                //caseNo, contractNo, roleType
                type: Object,
                required: true
            },
            spinShow: {
                type: Boolean,
                required: true
            },
            // 是否是供应商
            isSP: {
                type: Boolean,
                required: true
            },
            //是否是审批页面
            isApprove: {
                type: Boolean,
                required: true
            },
            //是否 审批完成
            isApproved: {
                type: Boolean,
                required: true
            },
            isReadOnly: {
                type: Boolean,
                default: false
            },
            pageParams: {
                type: Object,
                required: true
            },
            //合同号
            contractNo: {
                type: String,
                required: true
            },
            dataDict: {
                type: Object
            },
            userInfo: {
                type: Object,
                required: true
            },
            roleType: {
                type: Array,
                required: true
            },
            businessSource: {
                type: String,
                required: true
            },
            // @showSpin="showSpin"
            // @closeSpin="closeSpin"
            // @back="back"
        },
        data() {
            return {
                pageNo: 1,
                approveType: null,
                openPanel: [1, 2, 3, 4, 5, 6],
                readOnly: null,
                approvalOperating: "", //审批结果
                pageInfo: this.pageParams,
                customerInfo: null
            };
        },

        mounted() {
            this.init();
        },
        methods: {
            init() {
                if (this.$refs.baseInfo) {
                    this.$refs.baseInfo.formData = Object.assign(
                        {},
                        this.$refs.baseInfo.formData,
                        this.pageInfo
                    );
                }
            },
            save() {
                if (this.$refs.business) {
                    this.showSpin();
                    this.saveDataFn();
                }
            },
            submit() {
                this.$Modal.confirm({
                    title: "确认提交？",
                    onOk: () => {
                        if (this.$refs.business) {
                            this.showSpin();
                            this.$refs.business.formValidate("submitDataFn");
                        }
                    }
                });
            },
            // 审核等按钮
            approve(name) {
                if (!name) return;
                let t, val;
                switch (name) {
                    case "pass":
                        t = "审核通过";
                        val = "suggestCheckF";
                        break;
                    case "return":
                        t = "退件";
                        val = "sendBack";
                        break;
                    case "reject":
                        t = "拒绝";
                        val = "suggestRejectF";
                        break;
                }
                this.approveType = name;

                this.approvalOperating = val;
                // 验证 business 组件数据 给下一个方法
                this.$refs.business.formValidate("childBusinessForm");
            },
            // 保存 请求
            saveDataFn() {
                let d = this.formatData(this.$refs.business.formData);
                changeContractCustInfo(d)
                    .then(res => {
                        this.$emit("closeSpin");
                        if (res.code === "0000") {
                            this.$Message.success("保存成功!");
                            // if (this.pageInfo.caseNo)
                            this.pageInfo = res.data;
                            if (res.data.newCertEndDate === '9999-12-31') {
                                this.$refs.business.formData.isLongTerm = true;
                            } else {
                                this.$refs.business.formData.isLongTerm = false;
                            }
                            // this.$refs.baseInfo.formData = res.data;
                        }
                    })
                    .catch(e => {
                        this.$emit("closeSpin");
                    });
            },
            //提交 请求
            submitDataFn(data) {
                if (!data) return;
                let d = this.formatData(data);

                submitContactManage(d)
                    .then(res => {
                        this.$emit("closeSpin");
                        if (res.code === "0000") {
                            this.$Message.success("提交成功!");
                            this.back();
                        }
                    })
                    .catch(e => {
                        this.$emit("closeSpin");
                    });
                this.init();
            },
            // 审批 请求
            // Business 组件数据
            childBusinessForm(data) {
                if (!data) return;
                let bussiness = this.formatData(data);
                // 验证 contractCurrentUser 组件数据 传给下个方法
                this.$refs.contractCurrentUser.formValidate(
                    "childUserForm",
                    bussiness,
                    this.approveType
                );
            },
            // contractCurrentUser 组件数据
            childUserForm(data) {
                if (!data) return;
                let d = Object.assign({}, data, {
                    approvalOperating: this.approvalOperating
                });
                let t;
                switch (d.approvalOperating) {
                    case "suggestCheckF":
                        t = "通过";
                        break;
                    case "sendBack":
                        t = "退件";
                        break;
                    case "suggestRejectF":
                        t = "拒绝";
                        break;
                }
                this.$Modal.confirm({
                    title: `确认${t}？`,
                    onOk: () => {
                        this.saveProposalApplicationInfo(d)
                    }
                });

            },
            saveProposalApplicationInfo(d) {
                saveProposalApplicationInfo(d)
                    .then(res => {
                        this.$emit("closeSpin");
                        if (res.code === "0000") {
                            this.$Message.success("成功!");
                            this.back();
                        }
                    })
                    .catch(e => {
                        this.$emit("closeSpin");
                    });
            },
            // 格式化
            formatData(data) {
                if (!data) return {};
                let d = Object.assign({businessSource: this.businessSource}, this.pageInfo, data);
                if (this.isSP) {
                    d.department = d.channelFullName;
                } else {
                    d.department = this.userInfo.userRealName;
                }
                if (d.createTime instanceof Date)
                    d.createTime = moment(d.createTime).format(
                        "YYYY-MM-DD HH:mm:ss"
                    );
                if (d.endDate instanceof Date)
                    d.endDate = moment(d.endDate).format("YYYY-MM-DD HH:mm:ss");
                return d;
            },
            // 获取客户信息数据
            getCustomerInfoData(data) {
                this.customerInfo = data;
            },
            showSpin() {
                this.$emit("showSpin");
            },
            closeSpin() {
                this.$emit("closeSpin");
            },
            back() {
                this.$emit("back");
            },
            toRepaymentSchedule() {
                let params = {};
                params.contractNo = this.contractNo;
                console.log("clcik params", params);

                this.afs.newTab(
                    this,
                    "projects/basic/pages/contract/contract-inquiry/contract-inquiry-detial/page/RepaymentSchedule",
                    "还款计划表",
                    "ios-add",
                    params,
                    "contact-detial-RepaymentSchedule-" + this.pageNo,
                    [],
                    true
                );
                this.pageNo += 1;
            },
            setBaseInfo(data) {
                const {caseNo, applyBy, applyDate} = data;
                console.log("基础信息的data",data)
                let obj = {
                    caseNo:this.pageInfo.caseNo || caseNo,
                    applyBy: this.pageInfo.applyBy || applyBy,
                    applyDate: this.pageInfo.applyDate || applyDate
                }
                this.pageInfo = Object.assign({}, this.pageInfo, obj)
            },
        }
    };
</script>
